/***********************热门视频*********************************/
var tabFlag = true //是否点击暂停按钮
var myVideo = document.getElementById("hot-video");
var vedioLi = document.getElementsByTagName("li");
var vedioArry = new Array();
var imgSrcArry = new Array();
var arryNumber = 0;
function  bindVideoEvent() {
    myVideo = document.getElementById("hot-video");
    vedioLi = document.getElementsByTagName("li");
    jQuery(".recomedBoxGhj").superSlider({
        prevBtn: ".prev", //左按钮
        nextBtn: ".next", //右按钮
        listCont: "#sliderGkGhj", //滚动列表外层
        scrollWhere: "next", //自动滚动方向next
        delayTime: 5000, //自动轮播时间间隔
        speed: 300, //滚动速度
        amount: 5, //单次滚动数量
        showNum: 5, //显示数量
        autoPlay: false //自动播放
    });
    jQuery(window).scroll(function () {
        var scrollVideoPlay = document.getElementById("centerVideo").offsetTop;
        if (scrollVideoPlay >= jQuery(window).scrollTop() && scrollVideoPlay < (jQuery(window).scrollTop()+jQuery(window).height())) {
            myVideo.play(); //开始播放
        }else {
            myVideo.pause(); //暂停播放
        }
    });

    jQuery("#sliderGkGhj li").each(function(index, item) {

        var firstVideoSrc = jQuery(this).parent().find('li').eq(0).attr('video-url');
        jQuery("#naviToProduct").attr("data-brand-id",jQuery(this).parent().find('li').eq(0).attr("data-brand-id"));

        jQuery('#hot-video').attr('src',firstVideoSrc);
        jQuery('#hot-video').find('source').attr('src',firstVideoSrc);
//        视频右侧设置默认主图、关键字、地址
        jQuery("#hotVideoBrandName").html(jQuery(this).parent().find('li').eq(0).attr("data-brand-name"));
        jQuery("#hotVideoAddr").html(jQuery(this).parent().find('li').eq(0).attr("data-addr"));
        jQuery("#mainImg").attr("src", jQuery(this).parent().find('li').eq(0).attr("data-original"));
//        点击视频的图片
        jQuery(item).find(".videoItemImg").click(function() {
            jQuery(".conImg>img").attr("src", jQuery(item).attr("data-original"));
            jQuery("#mainImg").attr("src", jQuery(item).attr("data-original"));
            arryNumber = index; //将当前播放设置为选中的下标
            jQuery(this).parent().find(".itemPlayIcon>img").attr('src','https://img.hznzcn.com/index_hz/stopBtn.png');
            jQuery(this).parent().siblings().find(".itemPlayIcon>img").attr("src","https://img.hznzcn.com/index_hz/playBtn.png");
            myVideo.src =  jQuery(item).attr("video-url"); //设置播放视频
            myVideo.play(); //开始播放
            var brandName=jQuery(item).attr("data-brand-name");
            jQuery("#hotVideoBrandName").html(brandName);
            jQuery("#naviToProduct").attr("data-brand-id",jQuery(item).attr("data-brand-id"));
            jQuery("#hotVideoAddr").html(jQuery(item).attr("data-addr"));

        });

        jQuery(item).find(".itemFootCon").click(function(){
            var id=jQuery(this).attr("data-product-id");
            if(id==undefined){
                return;
            }
            window.open("/product-"+id+".html");
        })
        vedioArry.push(jQuery(item).attr("video-url"));
        imgSrcArry.push(jQuery(item).attr("data-original"))
    });
//		控制播放按钮的显示隐藏
    myVideo.addEventListener('play', function() {
        jQuery(".vdoIcon").addClass('none');
        jQuery("#video_"+arryNumber).find(".itemPlayIcon>img").attr('src','https://img.hznzcn.com/index_hz/stopBtn.png')
    });
    myVideo.addEventListener('pause', function() {
        tabFlag = false;
        jQuery(".vdoIcon").removeClass('none');

        jQuery("#video_"+arryNumber).find(".itemPlayIcon>img").attr('src','https://img.hznzcn.com/index_hz/playBtn.png')
    });
    jQuery('.vdoIcon').click(function() {
        jQuery(".vdoIcon").addClass('none');
        jQuery('#hot-video').trigger('play');
    });

    myVideo.addEventListener("ended", function() { //为vedio添加ended监听，当视频播放完毕后执行对应函数

        if (arryNumber == (vedioArry.length - 1)) { //判断是否到了最后一个视频
            //vedioLi[vedioLi.length - 1].style.backgroundColor = "black"; //将前一个列表颜色设为black
            //vedioLi[0].style.backgroundColor = "darkgray"; //将当前视频设置为灰白
            myVideo.src = vedioArry[0]; //播放第一个视频
            // myVideo.play();
            arryNumber = 0; //将下标重设为 0
            jQuery('.next').trigger("click");
        } else {
            if ((arryNumber + 1) % 5 == 0) {
                //					本业播放结束执行翻页

                jQuery('.next').trigger("click");

            }
            console.log(vedioLi[arryNumber])
            jQuery("#video_"+arryNumber).find(".itemPlayIcon>img").attr('src', 'https://img.hznzcn.com/index_hz/playBtn.png')
            arryNumber += 1; //每播放一次则将下标加一
            jQuery("#video_"+arryNumber).find(".itemPlayIcon>img").attr('src', 'https://img.hznzcn.com/index_hz/stopBtn.png')
        }
        myVideo.src = vedioArry[arryNumber];
        myVideo.play();
        var vObj=jQuery("#video_"+arryNumber);
        jQuery("#hotVideoBrandName").html(vObj.attr("data-brand-name"));
        jQuery("#naviToProduct").attr("data-brand-id",vObj.attr("data-brand-id"));
        jQuery("#hotVideoAddr").html(vObj.attr("data-addr"));
        jQuery("#mainImg").attr("src", vObj.attr("data-original"));
    })

}

/**
 * 新版杭州首页置顶文章滚动
 *
 * @param id
 * @param interval
 * @param direction
 */
function scrollView(id, interval, direction) {
    var box = document.getElementById(id);
    if (box) {
        var can = true;
        var fq = fq || 10;
        interval = interval || 1500;
        direction = direction === -1 ? -1 : 1;
        box.innerHTML += box.innerHTML;
        box.onmouseover = function() {
            can = false;
        };
        box.onmouseout = function() {
            can = true;
        };
        var max = parseInt(box.scrollHeight / 2);
        (function() {
            var stop = box.scrollTop % 18 === 0 && !can;
            if (!stop) {
                var set = direction > 0 ? [max, 0] : [0, max];
                box.scrollTop === set[0] ? (box.scrollTop = set[1]) : (box.scrollTop += direction);
            }
            setTimeout(arguments.callee, box.scrollTop % 18 ? fq : interval);
        }());
    }
}
window.onload = function () {
    scrollView("notification", 3000);
};

jQuery(function () {
    var shopId=jQuery("#videoDistanceTop").attr("data-shop");
    jQuery.ajax({url:"/index/getVideoAd?shopId="+shopId,success:function (result) {
            var data = result;
            if (data.length <= 0) {
                jQuery("#index_hot_video_list").hide();
                return;
            }
            laytpl(hotVideTpl).render(data, function (html) {
                jQuery("#sliderGkGhj").html(html);
                bindVideoEvent();
            });
        }
    });
    jQuery("#naviToProduct").click(function () {
        var brandId=jQuery(this).attr("data-brand-id");
        if(typeof brandId=="undefined" || brandId==null || brandId==""){
            brandId=jQuery("#sliderGkGhj").find("li").first().attr("data-brand-id");
        }

        window.open("/brand-"+brandId+".html");
    });
    jQuery("#hotVideoMore").click(function () {
        var key=jQuery("#hotShopClass").find("li.current").html();
        window.open("/search/search.html?q_theshop=hz&q_key="+key);
    });
    jQuery(".newArea1").each(function () {
        jQuery(this).html('杭州');
    })
    /**
     * <#--首页微商专区滑上显示二维码-->
     */
    jQuery('#weiItemTs .weiItem').each(function () {
        jQuery(this).hover(function () {
            var JQueryEMBox = jQuery(this).find('.eMBox');
            var _src= JQueryEMBox.find("img").attr("src");
            if(_src){
                JQueryEMBox.stop(true).slideToggle();
                return ;
            }
            var url = "/getWechatBusiQrCode?prodId=" + JQueryEMBox.attr("data-id");
            jQuery.ajax({
                type: 'GET',
                timeout: 10000, //超时时间设置，单位毫秒
                contentType: "application/json; charset=utf-8",
                url: url,
                dataType: 'json',
                success: function (data) {
                    var imgUrl = data.url;
                    var imgRootPath = jQuery("#ImgRootPath").val();
                    var src = imgRootPath  + imgUrl;
                    JQueryEMBox.find("img").attr("src", src);
                    JQueryEMBox.stop(true).slideToggle();
                }
            });

        },function(){
            jQuery(this).find('.eMBox').stop(true).slideToggle();
        });
    })
});
/***********************云仓直发*********************************/
jQuery(function () {
    jQuery(".ycZfBox").superSlider({
        prevBtn: ".prev",//左按钮
        nextBtn: ".next",//右按钮
        listCont: "#ycRollBox",//滚动列表外层
        scrollWhere: "next",//自动滚动方向next
        delayTime: 5000,//自动轮播时间间隔
        speed: 300,//滚动速度
        amount: 5,//单次滚动数量
        showNum: 5,//显示数量
        autoPlay: false//自动播放
    });
    jQuery(".ycZfBox .prev").click(function(){
        jQuery(".ycUlBox li").each(function(index,item){
            jQuery(this).find('img').attr("src",jQuery(this).find("img").attr("data-original"))
        })
    })
    jQuery(".ycZfBox .next").click(function(){
        jQuery(".ycUlBox li").each(function(index,item){
            jQuery(this).find('img').attr("src",jQuery(this).find("img").attr("data-original"))
        })
    })
    jQuery(".ycZfBox .insideBox").each(function () {
        jQuery(this).find('.pic').hover(function () {
            jQuery(this).parents('li').find('.quick-gn').hide();//强制隐藏 下面的slideToggle 就肯定是显示了  （有时候会错乱，达不到自己想要的效果）
            jQuery(this).parents('li').find('.dataFrame').hide();
            jQuery(this).parents('li').find('.quick-gn').stop().slideToggle(300);
            //   jQuery(this).parents('li').find('.exisPlatform').stop().slideToggle(300);
            jQuery(this).parents('li').find('.dataFrame').stop().fadeToggle(300);
        }, function () {
            jQuery(this).parents('li').find('.quick-gn').show();//强制显示 下面的slideToggle 就肯定是隐藏了
            jQuery(this).parents('li').find('.dataFrame').show();
            jQuery(this).parents('li').find('.quick-gn').stop().slideToggle(300);
            //   jQuery(this).parents('li').find('.exisPlatform').stop().slideToggle(300);
            jQuery(this).parents('li').find('.dataFrame').stop().fadeToggle(300);
        });
    });
})


/***********************热门分类*********************************/
jQuery(function(){
    jQuery('#hotShopClass').Tabs({
        event:'mouseover'
    });
    jQuery('.tab_menu>li').mouseover(function(){
        var mouseoverIndex = jQuery(this).attr('org_index')
        jQuery("#hotShopClass .shopWrapClass").eq(mouseoverIndex).find(".itemImg").each(function(index,item){
            var imgSrc = jQuery(this).find('img').attr('data-original')
            jQuery(this).find('img').attr('src',imgSrc)
        })
    });
    jQuery(".hotBox").superSlider({
        prevBtn: ".prev",//左按钮
        nextBtn: ".next",//右按钮
        listCont: ".hotClassComRoll",//滚动列表外层
        scrollWhere: "next",//自动滚动方向next
        delayTime: 5000,//自动轮播时间间隔
        speed: 300,//滚动速度
        amount: 5,//单次滚动数量
        showNum: 5,//显示数量
        autoPlay: false
    });

    // 热门分类，一键上传滑动事件
    jQuery(".hotClassComRoll .itemImg").each(function () {
        jQuery(this).find('.pic').hover(function () {
            jQuery(this).parents('li').find('.quick-gn').hide();//强制隐藏 下面的slideToggle 就肯定是显示了  （有时候会错乱，达不到自己想要的效果）
            jQuery(this).parents('li').find('.dataFrame').hide();
            jQuery(this).parents('li').find('.quick-gn').stop().slideToggle(300);
            //   jQuery(this).parents('li').find('.exisPlatform').stop().slideToggle(300);
            jQuery(this).parents('li').find('.dataFrame').stop().fadeToggle(300);
        }, function () {
            jQuery(this).parents('li').find('.quick-gn').show();//强制显示 下面的slideToggle 就肯定是隐藏了
            jQuery(this).parents('li').find('.dataFrame').show();
            jQuery(this).parents('li').find('.quick-gn').stop().slideToggle(300);
            //   jQuery(this).parents('li').find('.exisPlatform').stop().slideToggle(300);
            jQuery(this).parents('li').find('.dataFrame').stop().fadeToggle(300);
        });
    });
});

function textImgData() {
    jQuery("#hotWrap").find("li").each(function(){
        jQuery(this).find('img').attr("src",jQuery(this).find("img").attr("data-original"))
    })
}
jQuery(function () {
    var hidTheShopMapping = jQuery("#hid_TheShopMapping").val();
    if (hidTheShopMapping == 'hz') {
        //新版首页当季热卖要异步
        queryHotSale();
    }
    queryNewHzIndexA4();
    jQuery(".tab_box").find(".Product_Collect_Button").each(function () {
        var productid = jQuery(this).attr("collectid");
        //收藏产品
        Bind_Collection_Click(".Product_Collect_Button[collectid='" + productid + "']", CollectionType.Product, productid, SetProductListItem_CollecInfo);//Bind_Collection_Click和CollectionType对象在 logininfoNewEdition.js中
    });
    jQuery(".ycZfBox").find(".Product_Collect_Button").each(function () {
        var productid = jQuery(this).attr("collectid");
        //收藏产品
        Bind_Collection_Click(".Product_Collect_Button[collectid='" + productid + "']", CollectionType.Product, productid, SetProductListItem_CollecInfo);//Bind_Collection_Click和CollectionType对象在 logininfoNewEdition.js中
    });
});

/**
 * 当季热卖
 */
function queryHotSale() {
    jQuery.ajax({
        type: 'get',
        url: '/new/index/hotSale/list',
        dataType: "json",
        success: function (data) {
            var result = {};
            var indexB2TabsList = data.IndexB2TabsList;
            indexB2TabsList.forEach(function (item) {
                var productList = item.productList;
                if (productList) {
                    productList.forEach(function (product) {
                        product.keyWords = product.keyWords.replaceAll(' ', '');
                    });
                    //超过8个截取前八个
                    if (productList.length > 8) {
                        item.productList = productList.slice(0, 8);
                    }
                } else {
                    item.productList = [];
                }
            });
            var indexB2TabsListLength = indexB2TabsList.length;
            var productList = data.productList;
            var productLength = productList.length;
            var firstProductList = productList.slice(0, Math.min(7, productLength));
            var secondProductList = [];
            var thirdProductList = [];
            if (productLength > 7) {
                secondProductList = productList.slice(7, Math.min(14, productLength));
            }
            if (productLength > 14) {
                thirdProductList = productList.slice(14, Math.min(21, productLength));
            }
            result.indexB2TabsList = indexB2TabsList;
            result.indexB2TabsListLength = indexB2TabsListLength;
            result.firstProductList = firstProductList;
            result.secondProductList = secondProductList;
            result.thirdProductList = thirdProductList;
            result.firstProductListLength = firstProductList.length;
            result.secondProductListLength = secondProductList.length;
            result.thirdProductListLength = thirdProductList.length;
            laytpl(newHzIndexHotSaleTemplate).render(result, function (html) {
                jQuery("#index_hotsale").append(html);
                jQuery(function(){
                    jQuery('#hkieL').Tabs({
                        auto:3000,
                        create:true,
                        addClassDiv:'focusWarp Potop'
                    });
                });
                RandomOrderTabLi("index_hotsale #canTab6 li");//即时执行 随机排序
                //-----==================----
                //---=商品选项卡=----
                //-----==================----
                jQuery.tabSwitch = function (eachLI, showDiv) {
                    jQuery(eachLI).on('mouseover', 'li', function () {
                        var _index = jQuery(this).index() + 1;
                        jQuery(this).addClass('M-slide').siblings().removeClass("M-slide");
                        jQuery(showDiv).find('.M-decorateRight').hide();
                        jQuery(showDiv).find('.tab' + _index).show();
                    });
                };
                /*
                 * 当季热销
                 */
                jQuery(function () {
                    doSlide_hotsale(0);
                    jQuery("#index_hotsale #canTab6 li").each(function (index, element) {
                        jQuery(this).hover(function () {
                            var a_index = jQuery(this).find("a").attr("index") * 1;
                            doSlide_hotsale(a_index);
                        });
                    });
                });

                jQuery(function () {
                    var theIndex = 0;
                    var theCount = jQuery("#index_hotsale #canTab6 li").length;
                    if (theCount <= 0) {
                        return false;
                    }
                    window.setInterval(function () {
                        if (jQuery("#index_hotsale #canTab6").is(":hover")) {
                            return;
                        }
                        if (jQuery("#index_hotsale #aTapWrap1").is(":hover")) {
                            return;
                        }
                        theIndex++;
                        if (theIndex >= theCount) {
                            theIndex = 0;
                        }

                        var a_index = jQuery("#index_hotsale #canTab6 li").eq(theIndex).find("a").attr("index") * 1;

                        doSlide_hotsale(a_index);
                    }, 3000);
                });
            });
        }
    })
}

/**
 * A4
 */
function queryNewHzIndexA4() {
    jQuery.ajax({
        type: 'get',
        url: '/new/hz/index/zone',
        dataType: "json",
        success: function (data) {
            var result = {};
            var list = data.resultList;
            result.list = list;
            laytpl(A4Template).render(result, function (html) {
                jQuery("#sliderGk").append(html);
                jQuery(".recomedBox").superSlider({
                    prevBtn: ".prev",//左按钮
                    nextBtn: ".next",//右按钮
                    listCont: "#sliderGk",//滚动列表外层
                    scrollWhere: "next",//自动滚动方向next
                    delayTime: 5000,//自动轮播时间间隔
                    speed: 300,//滚动速度
                    amount: 1,//单次滚动数量
                    showNum: 4,//显示数量
                    autoPlay: false//自动播放
                });
            });
        }
    })
}

/**
 * 批量全部替换
 */
String.prototype.replaceAll = function(s1, s2){
    return this.replace(new RegExp(s1, 'gm'), s2);
};

